<div class='title'>$init</div>
<div class='sub'>
    <div class='text indent'>当需要使用js动态添加绑定了Jet数据或属性的dom元素时，需要使用 <span class="red">Jet.prototypr.$init</span> 方法对其进行初始化，该方法接受一个可选参数，
        该参数可以是字符串或dom元素，当是字符串时，Jet会查找 jdom等于该值或是id等于该值的dom元素，然后对其所有子元素进行初始化。如果没有参数时，则对整个html文档进行初始化。
    </div>
    <div class='title'>1.无参数时</div>
    <div class='text'>示例：</div>
    <div class='j-code' disabled width='99%' height='auto'>
&lt;div>
    &lt;input type='text' j='message'/>
&lt;/div>
&lt;button jon='addEle'>添加元素&lt;/button>
&lt;div jdom='test_init'>&lt;/div>
&lt;script>
    new Jet({
        data:{
            message:'Hello World'
        },
        func:{
            addEle:function(opt){
                this.$dom.test_init.html="&lt;span jon='alert(opt.data)' j='message' >&lt;/span>";
                this.$init()
            }
        }
    });
&lt;/script>
</div>
    <div class='text'>以下是输出的html:
        <div class='out'>
            <div>
                <input type='text' j='message'/>
            </div>
            <button jon='addEle'>添加元素</button>
            <div jdom='test_init'></div>
        </div>
    </div>
    <div class='title'>2.有参数时</div>
    <div class='text'>示例：</div>
    <div class='j-code' disabled width='99%' height='auto'>
&lt;input type='text' j='message'/>
&lt;div jdom='test_init1'>&lt;/div>
&lt;div jdom='ele'>
    &lt;div jdom='test_init2'>&lt;/div>
&lt;/div>
&lt;button jon='addEleWithPara'>添加元素&lt;/button>
&lt;script>
    new Jet({
        data:{
            message:'Hello World'
        },
        func:{
            addEleWithPara:function(opt){
                this.$dom.test_init1.html="&lt;input type='text' j='message'/>";
                this.$dom.test_init2.html="&lt;input type='text' j='message'/>";//由于不在设置的元素内部，不会被初始化
                this.$init('ele')//也可使用 id值 或 dom元素
            }
        }
    });
&lt;/script>
</div>
    <div class='text'>以下是输出的html:
        <div class='out'>
            <input type='text' j='message1'/>
            <div jdom='test_init1'></div>
            <div jdom='ele'>
                <div jdom='test_init2'></div>
            </div>
            <button jon='addEleWithPara'>添加元素</button>
        </div>
    </div>
</div>


<script>
    new Jet({
        data:{
            message:'Hello World',
            message1:'Hello World'
        },
        func:{
            addEle:function(opt){
                this.$dom.test_init.html="<span jon='alert(opt.data)' j='message' ></span>";
                this.$init()
            },
            addEleWithPara:function(opt){
                this.$dom.test_init1.html="<input type='text' j='message1'/>";
                this.$dom.test_init2.html="<input type='text' j='message1'/>";//由于不在设置的元素内部，不会被初始化
                this.$init('ele')//也可使用 id值 或 dom元素
            }
        }
    });
</script>
